<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常见的HTML标签</title>
</head>
<body>
    <!--双标签(闭合标签):成对出现的标签
        <h1></>h1>: 设置字体大小
        <p></p>: 段落标签
        <div></div>: 容器标签
    -->
    <h1>hello</h1>
    <h6>hello</h6>

    <!--2.标签是可以嵌套的-->
    <div>
        <p>hello</p>
        <p>world</p>
    </div>

    <!--3.单标签(空标签)：只有一个标签，没有标签内容
        <img>: 加载图片 
        <hr>: 在html页面中创建一条水平线
        <br>: 可插入一个简单的换行符
    -->
    <hr>
    <img src="https://b.bdstatic.com/searchbox/icms/searchbox/img/young_girl.png" alt="young_girl"><br>
    <img src="https://b.bdstatic.com/searchbox/icms/searchbox/img/young_boy.png" alt="young_boy"><br>

    <!--4.带属性的标签
        <a></a>: 定义超链接，用于从一个网页链接到另一个网页
    -->
    <a href="https://www.baidu.com", target="_blank">百度</a>
</body>
</html>